/*



Theme Name: WPCorporate



Theme URI: http://www.wpyou.com/



Description: 本套高级企业网站主题设计开发由: <a href="http://www.wpyou.com/">WPYOU</a>.



Version: 3.2



Author: WPYOU



Author URI: http://www.wpyou.com/



Copyright: (c) WPYOU



*/



/* Global */



html{ margin:0 auto; background:#F9FAFD url(images/bg.png) repeat-x 0 0;}



body{ margin:0 auto; background:url(images/top.png) no-repeat center 0; overflow-x:hidden; color:#333; font:13px/20px Arial,Verdana,Sans-Serif,'宋体';background:#f9fafd;}



div,form,ul,ol,li,span,p{margin:0 auto; padding:0; border:0;}



img,a img{margin:0; padding:0; border:none;}



ul,ol,li{list-style:none;}



table,td,th,input{ margin:0; padding:0; font-size:12px;}



h1,h2,h3,h4,h5,h6{ margin:0 auto;}



h1{font-size:28px;}



h2{font-size:22px;}



h3{font-size:16px;}



h4{font-size:14px;}



h5,h6 {font-size:12px;}







.inner{ width:960px; background:#FFF; overflow:hidden;}



.clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}



.nb{ background:none!important;}







/* default link style */



a:link, a:visited{outline-style:none; color:#545454; text-decoration:none}



a:hover{color:#0053A5; text-decoration:underline;}







/* Header */



.header{ width:960px; background:#FFF;}



.header .inner{ padding:10px; width:940px;}







/* Logo */



.logo{ float:left;  text-indent:-9999px;}



.logo a{ width:68px; height:68px; background:url(images/logo.gif) no-repeat 0 0; display:block; background-size: 68px 68px; }







/* Header Right */



.headerR{ float:right; margin-top:2px;}



.mininav a:link, .mininav a:visited{ padding-left:26px; color:#888; background:url(images/icon.gif) no-repeat 11px -129px;}



.mininav a:hover{ color:#0053A5;}



.mininav a.nb{ background:none;}



.headerR .searchform{ float:right; margin-top:15px; width:220px; height:26px; background:url(images/search.gif) no-repeat 0 0; overflow:hidden;}



.headerR .searchinput{ float:left; padding:5px 8px; width:170px; font-size:13px; border:none; color:#CCC; background:none;}



.headerR .searchsubmit{ float:right; width:30px; height:26px; text-indent:-9999px; border:none; background:none; cursor:pointer;}







/* MainMenu */



.mainmenu{ height:72px; background:url(images/sprite.png) repeat-x 0 0; width:100%; background:#fcfcfc; overflow:visible; padding-top:10px; }



.navi{ position:relative; z-index:300; overflow:visible; width:870px; margin:2px auto 0 15px; float:left;}



.navi li{ float:left; padding:0 5px; height:46px; line-height:46px; font-size:16px; font-family:"Microsoft Yahei"; color:#FFF; text-transform:capitalize;}



.navi li.nb{ padding:0 5px 0 10px; background:none;}



.navi li a:link, .navi li a:visited{ padding:0 0 0 28px; color:#000; overflow:hidden; display:block;}



.navi li a:hover{ line-height:46px; color:#0053A5; background:url(images/sprite.png) no-repeat 0 -55px; text-decoration:none;}



.navi li a span{ padding:0 28px 0 0; display:inline-block; cursor:pointer;}



.navi li ul a span{ padding:0 15px 0 0; }



.navi li ul a:link, .navi li ul a:visited{padding:0 0 0 15px;}



.navi li a:hover span{ background:url(images/sprite.png) no-repeat right -55px;}







.navi li{ position:relative;}



.navi li ul{ position:absolute; width:92%; top:46px; left:5px; background:#EEE; z-index:300; display:none;}



.navi li ul li{ float:none; margin:0 auto; padding:0; height:33px; line-height:32px; font-size:12px; border-bottom:1px solid #F6F6F6; background:none;}



.navi li ul li a:link, .navi li ul li a:visited, .navi li:hover ul li a:link, .navi li:hover ul li a:visited{ height:32px; text-align:left; border-bottom:1px solid #E4E4E4; color:#444; background:none;}



.navi li ul li a:hover, .navi li ul li a:hover span, .navi li:hover ul li a:hover, .navi li:hover ul li a:hover span{ color:#FFF; background:#0053A5;}







.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-menu-parent a:link, .navi li.current-menu-parent a:visited, .navi li.current-page-ancestor a:link, .navi li.current-page-ancestor a:visited{ line-height:46px; color:#0053A5; background:url(images/sprite.png) no-repeat 0 -55px;}



.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-parent ul li a:link, .navi li.current-menu-parent ul li a:visited, .navi li.current-page-ancestor ul li a:link, .navi li.current-page-ancestor ul li a:visited{ line-height:32px; background:none;}



.navi li.current-menu-item ul li a:hover, .navi li.current-menu-parent ul li a:hover, .navi li.current-page-ancestor ul li a:hover{ background:#0053A5;}







.navi li.current-menu-item a span, .navi li.current-menu-parent a span, .navi li.current-page-ancestor a span{ background:url(images/sprite.png) no-repeat right -55px; color:#fff}







.navi li.current-menu-item ul li a span, .navi li.current-menu-parent ul li a span, .navi li.current-page-ancestor ul li a span{ background:none;color:#000}







.navi li:hover a{ line-height:46px; color:#0053A5; background:url(images/sprite.png) no-repeat 0 -55px; color:#fff}



.navi li:hover ul li a{ height:32px; line-height:32px; background:none; }



.navi li:hover a span{ background:url(images/sprite.png) no-repeat right -55px;}



.navi li:hover ul li a span{ background:none;}











/* Slideshow */



.bx-wrapper{ margin-bottom:15px; }



.slides{ margin:0 auto; width:100%; height:500px; background:#0054A6; overflow:hidden;}



.slides li{ width:100%; height:500px; position:relative;}



.slides li img{width:100%; height:500px; display:block;}



.bx-pager{ position:absolute; right:10px; bottom:10px; z-index:1000;}



.bx-pager a{ float:left; margin-left:6px; width:6px; height:6px; font-size:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#FFF; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; overflow:hidden; display:block;}



.bx-pager a.pager-active{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}







/* HomePage */



.section{ float:left; margin-right:12px; width:310px; height:285px; border:1px solid #E6E6E6;  overflow:hidden;}



.section h2{ margin-bottom:10px; padding-left:14px; height:32px; line-height:30px; font-size:16px; font-family:"Microsoft Yahei";overflow:hidden;}



.section h2 a:link, .section h2 a:visited{ color:#222;}



.section h2 a:hover{ color:#0053A5;}



.section h2 span a{ float:right; width:48px; height:32px; background:url(images/icon.gif) no-repeat 0 -84px; display:block;}




.section .stinner, .news ul{ padding:0 10px 0 10px; color:#545454; overflow:hidden;}



.section .stinner p{ line-height:15px;}



.section .stinner p a{ display:inline-block; float:left}



.section .stinner p a img{ margin:0 auto}



.news ul li{ padding-left:12px; font-size:13px; height:24px; line-height:24px; *height:21px; background:url(images/icon.gif) no-repeat 0 12px; overflow:hidden;margin:3px 0 8px; padding:0; height:65px; line-height:18px; background:none; border-bottom:1px dashed #ccc; padding-bottom:10px;}



.news ul li a{ float:left; width:195px; height:24px; overflow:hidden; font-family:"Microsoft YaHei"}



.news ul li span{ float:right; width:68px; font-size:11px; text-align:right; color:#999;}







.news ul li.pic{ margin:3px 0 8px; padding:0; height:60px; line-height:18px; background:none; border-bottom:1px dashed #ccc; padding-bottom:10px;}



.news ul li.pic img{ float:left; padding-right:7px; width:130px; height:95px;}



.news ul li h3{ margin-bottom:4px; height:20px; font-size:13px; overflow:hidden;}



.news ul li .except{ height:70px; overflow:hidden; margin-top:3px;}



.news ul li a{ float:none; width:auto;background:url(images/icon.gif) no-repeat 0 5px; padding-left:12px;}



.wrapper .news|{ float:right !important; margin-left:10px; }



.sectionR{ float:left; margin:0; }



#honor{ text-align:center; overflow:hidden;}



#honor li{ width:235px; height:230px; position:relative;}



#honor li img{ width:235px; height:230px; display:block;}



.sl-wrapper .bx-pager{ position:absolute; right:5px; bottom:6px; z-index:1000;}



.sl-wrapper .bx-pager a{ float:left; margin-left:3px; width:9px; height:9px; font-size:0; background:url(images/op.png) no-repeat 0 0; _width:6px; _height:6px; _background:#EEF2F7; overflow:hidden; display:block; text-decoration:none;}



.sl-wrapper .bx-pager a.pager-active{ background-position:-10px 1px; _background:#DDD; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}



.sl-wrapper .bx-prev, .sl-wrapper .bx-next{ float:left; width:22px; height:22px; text-indent:-9999px; background:url(images/arrows.png) no-repeat 0 0; overflow:hidden; display:block; position:absolute; top:45%;}



.sl-wrapper .bx-prev{ left:0;}



.sl-wrapper .bx-next{ right:0; background-position:-22px 0;}



.sl-wrapper .bx-prev:hover{ background-position:0 -23px;}



.sl-wrapper .bx-next:hover{ background-position:-22px -23px;}







.section-products{ margin:15px 0 0; width:958px; height:auto;}



.section-products ul{ padding:8px 12px 0;}



.section-products ul li{ padding:0 1px 0 2px;}



/* Wrapper */



.wrapper{ overflow:hidden;}







/* Banner */



.banner{ margin-bottom:15px; height:200px; overflow:hidden;}







/* Content */



.content{ float:right; width:710px; overflow:hidden;}



.widepage{ width:960px; background:#FFF;}



.breadcrumb{ margin-bottom:15px; padding-bottom:6px; font-family:"宋体"; color:#999; background:url(images/hline.gif) repeat-x 0 bottom;}



.breadcrumb a:link, .breadcrumb a:visited{ color:#999;}







/* Archive - Postlist */



.postList{ padding:0 5px; overflow:hidden;}



.postList li{ margin-bottom:5px; padding:0 0 6px 12px; height:20px; border-bottom:1px solid #EEE; background:url(images/icon.gif) no-repeat 0 9px; overflow:hidden;}



.postList li a{ float:left; width:560px; font-size:13px;}



.postList li span{ float:right; width:78px; text-align:right; color:#999;}



.postList li.nbd{ margin:0; border:none;}







/* Archive - ProductList */



.picList{ padding:10px 0 0; overflow:hidden;}



.picList li{ float:left; margin-bottom:15px; width:186px; height:190px; text-align:center; overflow:hidden;}



.picList li img{ width:153px; height:153px; padding:3px; border:1px solid #E3E3E3;}



.picList li img:hover{ border:1px solid #CCC;}



.picList li h3{ margin-top:3px; padding:0 2px; width:182px; height:20px; font-size:13px; font-weight:normal; overflow:hidden;}



.picList li.nb{ margin:0; padding:0; border:none;}







/* Single - Post */



.post{ margin-top:10px; font-size:14px; line-height:26px; min-height:300px;}



.post h1{ margin-bottom:5px; padding-bottom:6px; line-height:30px; font-size:24px; font-weight:normal; font-family:"Microsoft Yahei"; text-align:center; border-bottom:1px solid #EEE; letter-spacing:5px;}



.post p{ margin-bottom:5px; text-indent:2em; line-height:20px; font-size:13px;}



.post .postmeta{text-align:center; font-size:12px; color:#999;}



.post .postmeta a:link, .post .postmeta a:visited{ color:#999;}



.post .postmeta a:hover{ color:#666;}



.post a:link, .post a:visited{ color:#0053A5;}



.post a:hover{ color:#208A17;}



.post img{ margin-bottom:10px; /*max-width:690px; width:expression(this.width > 690 ? "690px" : this.width);*/}







.aligncenter{ text-align:center;}



.alignleft{ float:left; padding-right:10px;}



.alignright{ float:right; padding-left:10px;}



.alignnone, .aligncenter{ float:none; margin-left:auto; margin-right:auto; clear:both;}



.aligncenter{ text-align:center; display:block;}



.alignnone{ display:inline; margin-right:10px; margin-bottom:5px; }



img.centered, img.aligncenter{ margin:0 auto; display:block;}



img.alignright{ margin:0 0 15px 10px; display:inline;}



img.alignleft{ margin:0 10px 15px 0; display:inline;}







.post ul, .post ol{ margin:15px 30px;}



.post ul li{ padding:2px 0; list-style:disc;}



.post ol li{ padding:2px 0; list-style:decimal;}







table{ margin:10px auto; width:100%; border-top:1px solid #E3E3E3; border-right:1px solid #E3E3E3; border-collapse:collapse;}



td{ padding:3px 10px; color:#666; border-bottom:1px solid #E3E3E3; border-left:1px solid #E3E3E3; text-align:center;}







#sharediv{ float:right; margin:15px 0 20px;}



#sharediv span{ float:left; line-height:16px; color:#999;}



#ckepop{ float:right;}







/* Pagenavi */



.wpagenavi{ margin:15px auto 10px; padding-top:20px; width:100%; height:34px; line-height:34px; font-family:Verdana,Geneva,sans-serif; text-align:center; border-top:1px solid #E5E5E5;}



.wpagenavi a:link, .wpagenavi a:visited{ margin:0 3px; padding:7px 11px; border:1px solid #DDD; color:#666; background:#FFF;}



.wpagenavi a:hover, .wpagenavi a:active{ border:1px solid #208A17; color:#FFF; background:#208A17;}



.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ border:1px solid #208A17; color:#FFF; background:#208A17;}



.postnavi{ margin:0px auto 30px; padding:15px 0px 5px; text-align:center;}



.previous_post, .next_post{ width:300px; height:24px; overflow:hidden;}



.previous_post{ float:left; text-align:left;}



.next_post{float:right; text-align:right;}



.postnavi a:link, .postnavi a:visited{ color:#036; text-decoration:none;}



.postnavi a:hover{ color:#B00; text-decoration:underline;}







/* Relative */



.related{ overflow:hidden;}



.related h2{ margin:15px 0; padding:4px 0 5px; font-size:14px; border-bottom:1px solid #DDD; color:#0053A5;}







/* Sidebar */



.sidebar{ float:left; width:230px; overflow:hidden;}



.sidebar h3{ padding-left:12px; height:32px; line-height:32px; font-size:14px; color:#FFF; background:url(images/sprite.png) no-repeat 0 -120px; border-radius:3px;}



.sidebar h3 a{ color:#FFF !important;}



.sidebar ul{ overflow:hidden;}



.sidebar ul li{ margin-bottom:10px; line-height:22px;}



.sidebar ul li ul{ padding:6px 5px 0 5px; width:215px; overflow:hidden;}



.sidebar ul li ul li{ margin:4px 0; padding-left:15px; height:20px; background:url(images/icon.gif) no-repeat 2px 9px; overflow:hidden;}



.sidebar ul li ul li ul{ border:none;}



.sidebar ul li div p{ padding:10px 8px;}



.sidebar ul li div img{ margin-bottom:6px;}



.sidebar a:link, .sidebar a:visited{ color:#555;}



.sidebar a:hover{ color:#0053A5;}







/* widget_nav_menu */



.sidebar ul li.widget_nav_menu ul{ padding:10px 0 15px 0; width:100%; font-size:14px; background:#0D60B0;}



.sidebar ul li.widget_nav_menu ul li{ margin:0; padding:0; width:100%; height:auto; border-bottom:1px solid #2670B8; background:none;}



.sidebar ul li.widget_nav_menu ul a:link, .sidebar ul li.widget_nav_menu ul a:visited{ padding:5px 0px 7px 28px; height:20px; line-height:24px; border-bottom:1px solid #0054A6; color:#FFF; background:url(images/icon.gif) no-repeat 12px -46px; display:block;}



.sidebar ul li.widget_nav_menu ul a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item a:visited, .sidebar ul li.widget_nav_menu ul li.current-menu-item a:link, .sidebar ul li.widget_nav_menu ul li.current-menu-item a:visited{ font-weight:bold; color:#FFF; background-color:#208A17; text-decoration:none;}



.sidebar ul li.widget_nav_menu ul a:hover{ font-weight:normal;}







.sidebar ul li.widget_nav_menu ul li ul{ border:none;}



.sidebar ul li.widget_nav_menu ul li ul li{ padding-left:10px; width:230px;}







/* Search */



.sidebar ul li.widget_search{ height:32px;}



.sidebar ul li.widget_search .searchform{ width:230px;}



.sidebar ul li.widget_search .searchinput{ padding:2px 10px; width:155px; height:22px; line-height:22px; border:1px solid #D1D1D1; color:#999; float:left}



.sidebar ul li.widget_search .searchsubmit{ float:right; width:50px; height:28px; text-align:center; font-weight:bold; border:none; color:#FFF; background:#208A17 url(images/sprite.png) repeat-x 0 -165px; cursor:pointer;}







/* Calendar */



#wp-calendar{ margin:5px auto; width:94%;}



#wp-calendar caption{ padding:5px 0px; font-size:14px;}



#wp-calendar th, #wp-calendar td{ padding:2px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E6E6E6; background-color:#F9F9F9;}



#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#FF0242;}



#wp-calendar tbody tr td a:hover{ color:#222;}



#wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;}



#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}



.pad{ border:none !important; background:none !important;}







/* Comments*/



.postComment{ width:100%; margin:15px 0px 5px; overflow:hidden; }



#addcomment, #comments{ margin:15px 0; padding:6px 0 8px 12px; font-size:14px; color:#FFF; background:#0053A5 url(images/sprite.png) repeat-x 0 -12px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}



.postComment p{ margin-bottom:10px; padding:0 10px; font-size:12px;}



.postComment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }



.commentlist{ width:98%; font-size:12px; clear:both;}



.commentlist li{ margin-bottom:10px; border:1px solid #E8E8E8; background:#FFF;}



.commentlist li.alt{ border:1px solid #E3E3E3;}



.commentlist li ul{ margin:10px 10px;}



.commentlist li ul.children{ margin:10px 10px;}



.commentlist li p{ padding:5px 10px; color:#555;}







.commentlist a:link, .commentlist a:visited{ color:#333;}



.commentlist a:hover{ color:#0053A5;}



.commentlist a.comment-edit-link{ color:#999;}







.comment-author{ margin-bottom:5px; width:100%; height:26px; line-height:26px; border-bottom:1px solid #ECECEC; background:#F6F6F6;}



.commentlist li.comment-author-admin .comment-author{ border-bottom:1px solid #FBEDE1;}



.commentlist li.alt .comment-author{ border-bottom:1px solid #E8EDF0;}



.avatar{ float:left; padding:1px 1px; width:32px; height:32px; border:1px solid #E0E0E0;}



.author_info{ float:left; padding-left:10px;}



.author_info cite{ padding-right:10px; font-style:normal; font-weight:bold;}



.author_info em{ font-size:10px; font-style:normal; color:#999;}







.reply{ float:right; margin:0 8px 0 0;}



#cancel-comment-reply{ float:right; margin-right:10px;}



.reply a, #cancel-comment-reply a{ color:#999 !important;}



.reply a:hover, #cancel-comment-reply a:hover{ color:#666 !important;}







#respond{ padding-bottom:35px;}



#respond p{ width:98%;}



#respond em{ color:#FF0242;}



#author, #email, #url, #comment{ padding:5px 5px; width:45%; border:1px solid #CCC;}



#comment, #gbcomment{ width:98%; height:150px; font-size:12px; overflow-y:scroll;}



#submit{ float:right; margin:0 3px; padding:6px 20px; font-size:14px; font-weight:bold; border:none; color:#FFF; background:#0C4681  url(images/sprite.png) repeat-x 0 -12px; cursor:pointer;}



.post_comment .navigation{ width:97%;}



.comment_navi{ text-align:right; padding:5px 15px; color:#666;}



.comment_navi a, .comment_navi span.current{ padding:4px 6px;}







/* Footer */



.footer{ margin:15px auto 0; clear:both; padding-bottom:15px; background:#F9FAFD}



.foot{ padding-top:15px; text-align:center; color:#666;}



.foot p{ line-height:24px;}



.foot a:link, .foot a:visited{ color:#666;}



.foot a:hover{ color:#F00;}



.nodisplay{ display:none;}







/* FriendLink */



.friendlink{ margin-top:15px; border:1px solid #E6E6E6; border-top-color:#AAA; overflow:hidden;}



.friendlink h3{ padding-left:12px; height:30px; line-height:28px; font-size:14px; font-weight:normal; font-family:"Microsoft Yahei";  border-bottom:1px solid #E6E6E6;}



.friendlink ul{ padding:10px; overflow:hidden;}



.friendlink ul li{ float:left; margin:3px 5px; line-height:18px; white-space:nowrap;}



.friendlink ul h4{ display:none;}







/* Footer Page */



.footpage{ width:100%; height:32px; line-height:32px; font-size:13px; font-family:"Microsoft Yahei"; text-align:center; background:#0053A5 url(images/sprite.png) repeat-x 0 -5px;}



.footpage li{ width:1px; padding:0 12px; display:inline; word-break:keep; white-space:nowrap;}



.footpage a:link, .footpage a:visited{ color:#FFF;}



.footpage a:hover{ color:#C4E2FF; text-decoration:none;}







/* CustomerService */



.cs-div{ width:140px; height:auto; text-align:center; position:absolute; z-index:99; overflow:hidden;}



.cs-div #cs-close{ float:right; width:32px; height:35px; text-indent:-9999px; display:block; cursor:pointer; position:absolute; top:0; right:0;}



.cs-bar{ padding:0; width:32px; height:116px;}



.cs-bar #cs-close{ width:32px; height:116px; background:url(images/cs.gif) no-repeat -106px 0; top:0; right:0;}



.cs-inner{ padding:60px 5px 0 10px; background:url(images/cs.gif) no-repeat 0 -120px; display:none;}



.cs-inner img{ margin-bottom:10px;}



.cs-btm{ width:100%; height:15px; background:url(images/cs.gif) no-repeat 0 bottom;}



/*demonstrate*/



.destr{width:340px; height:223px; float:left;background:#f2f2f2}



/*contact*/



.cont{ width:290px; height:223px; float:left; padding-left:10px;}



.cont p{ font-size:14px; line-height:22px; text-align:center}
.cont p.red{ font-family:"Microsoft YaHei"; font-size:24px; color:#d80512; margin:7px 0; letter-spacing:3px;}
.cont .p_phone{ padding-bottom:15px;background:url(images/bian.gif) center bottom no-repeat; margin-top:15px;}
.cont p.qq {background:url(images/qq_line.png) no-repeat; width:224px; height:55px; display:inline-block; margin-top:5px; margin-left:30px}
.cont p.qq:hover{ background-position:0 -59px;}


















/* Slideshow */







.bx-wrapper{ margin-bottom:15px; }







.slides{ margin:0 auto; width:100%; height:500px; background:#F9FAFD; overflow:hidden;}







.slides li{ width:100%; height:500px; position:relative; text-align:center}







.slides li img{ width:1920px; height:500px; display:block; margin:0 auto}







.bx-pager{ position:absolute; right:50%; bottom:10px; z-index:1000;}







.bx-pager a{ float:left; margin-left:6px; width:10px; height:10px; font-size:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#666; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; overflow:hidden; display:block;}







.bx-pager a.pager-active{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}







.mainmenu,.footer .inner{background:#f9fafd !important;}



/*滚动*/

#demo {background: #FFF;overflow:hidden;width:958px;}

#demo img { margin:0 10px;}

#indemo {float: left;width: 800%;}

#demo1 {float: left;}

#demo2 {float: left;}








.btm{ margin:30px auto}

.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center}

.x_bot{ position:absolute; left:3px; bottom:0;background:url(images/x_bot.jpg) no-repeat; width:788px; height:28px;}



.animated {

	-webkit-animation-duration: 1s;

	   -moz-animation-duration: 1s;

	     -ms-animation-duration: 1s;

	        animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	   -moz-animation-fill-mode: both;

	     -ms-animation-fill-mode: both;

	        animation-fill-mode: both;

}



@-webkit-keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        -webkit-transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        -webkit-transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}

@-moz-keyframes flipInX {

    0% {

        -moz-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        -moz-transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        -moz-transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        -moz-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}

@-ms-keyframes flipInX {

    0% {

        -ms-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        -ms-transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        -ms-transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        -ms-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}

@keyframes flipInX {

    0% {

        transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}



.flipInX {

	-webkit-backface-visibility: visible !important;

	-webkit-animation-name: flipInX;

	-moz-backface-visibility: visible !important;

	-moz-animation-name: flipInX;

	-ms-backface-visibility: visible !important;

	-ms-animation-name: flipInX;

	backface-visibility: visible !important;

	animation-name: flipInX;

}



@-webkit-keyframes flipOutX {

    0% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

	100% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

}



@-moz-keyframes flipOutX {

    0% {

        -moz-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

	100% {

        -moz-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

}



@-ms-keyframes flipOutX {

    0% {

        -ms-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

	100% {

        -ms-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

}



@keyframes flipOutX {

    0% {

        transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

	100% {

        transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

}



.flipOutX {

	-webkit-animation-name: flipOutX;

	-webkit-backface-visibility: visible !important;

	-moz-animation-name: flipOutX;

	-moz-backface-visibility: visible !important;

	-ms-animation-name: flipOutX;

	-ms-backface-visibility: visible !important;

	animation-name: flipOutX;

	backface-visibility: visible !important;

}



@-webkit-keyframes fadeIn {

	0% {opacity: 0;}	

	100% {opacity: 1;}

}



@-moz-keyframes fadeIn {

	0% {opacity: 0;}	

	100% {opacity: 1;}

}



@-ms-keyframes fadeIn {

	0% {opacity: 0;}	

	100% {opacity: 1;}

}



@keyframes fadeIn {

	0% {opacity: 0;}	

	100% {opacity: 1;}

}



.fadeIn {

	height: 100%;

	-webkit-animation-name: fadeIn;

	-moz-animation-name: fadeIn;

	-ms-animation-name: fadeIn;

	animation-name: fadeIn;

}



@-webkit-keyframes fadeOut {

	0% {opacity: 1;}

	100% {opacity: 0;}

}



@-moz-keyframes fadeOut {

	0% {opacity: 1;}

	100% {opacity: 0;}

}



@-ms-keyframes fadeOut {

	0% {opacity: 1;}

	100% {opacity: 0;}

}



@keyframes fadeOut {

	0% {opacity: 1;}

	100% {opacity: 0;}

}



.fadeOut {

	-webkit-animation-name: fadeOut;

	-moz-animation-name: fadeOut;

	-ms-animation-name: fadeOut;

	animation-name: fadeOut;

	height: 0;

}



@-webkit-keyframes tada {

	0% {-webkit-transform: scale(1);}	

	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}

	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}

	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}

	100% {-webkit-transform: scale(1) rotate(0);}

}

@-moz-keyframes tada {

	0% {-moz-transform: scale(1);}	

	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}

	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}

	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}

	100% {-moz-transform: scale(1) rotate(0);}

}

@-ms-keyframes tada {

	0% {-ms-transform: scale(1);}	

	10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}

	30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}

	40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}

	100% {-ms-transform: scale(1) rotate(0);}

}

@keyframes tada {

	0% {transform: scale(1);}	

	10%, 20% {transform: scale(0.9) rotate(-3deg);}

	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}

	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}

	100% {transform: scale(1) rotate(0);}

}



@-webkit-keyframes flash {

	0%, 50%, 100% {opacity: 0;}	

	25%, 75% {opacity: 1;}

}

@-moz-keyframes flash {

	0%, 50%, 100% {opacity: 0;}	

	25%, 75% {opacity: 1;}

}

@-ms-keyframes flash {

	0%, 50%, 100% {opacity: 0;}	

	25%, 75% {opacity: 1;}

}

@keyframes flash {

	0%, 50%, 100% {opacity: 0;}	

	25%, 75% {opacity: 1;}

}



@-webkit-keyframes bounceInUp {

	0% {

		opacity: 0;

		-webkit-transform: translateY(2000px);

	}

	

	60% {

		opacity: 1;

		-webkit-transform: translateY(-30px);

	}

	

	80% {

		-webkit-transform: translateY(10px);

	}

	

	100% {

		-webkit-transform: translateY(0);

	}

}

@-moz-keyframes bounceInUp {

	0% {

		opacity: 0;

		-moz-transform: translateY(2000px);

	}

	

	60% {

		opacity: 1;

		-moz-transform: translateY(-30px);

	}

	

	80% {

		-moz-transform: translateY(10px);

	}

	

	100% {

		-moz-transform: translateY(0);

	}

}



@-ms-keyframes bounceInUp {

	0% {

		opacity: 0;

		-ms-transform: translateY(2000px);

	}

	

	60% {

		opacity: 1;

		-ms-transform: translateY(-30px);

	}

	

	80% {

		-ms-transform: translateY(10px);

	}

	

	100% {

		-ms-transform: translateY(0);

	}

}



@keyframes bounceInUp {

	0% {

		opacity: 0;

		transform: translateY(2000px);

	}

	

	60% {

		opacity: 1;

		transform: translateY(-30px);

	}

	

	80% {

		transform: translateY(10px);

	}

	

	100% {

		transform: translateY(0);

	}

}



.animated.bounceInUp {

	-webkit-animation-name: bounceInUp;

	-moz-animation-name: bounceInUp;

	-ms-animation-name: bounceInUp;

	animation-name: bounceInUp;

}

@-webkit-keyframes bounceInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-2000px);

	}

	

	60% {

		opacity: 1;

		-webkit-transform: translateY(30px);

	}

	

	80% {

		-webkit-transform: translateY(-10px);

	}

	

	100% {

		-webkit-transform: translateY(0);

	}

}



@-moz-keyframes bounceInDown {

	0% {

		opacity: 0;

		-moz-transform: translateY(-2000px);

	}

	

	60% {

		opacity: 1;

		-moz-transform: translateY(30px);

	}

	

	80% {

		-moz-transform: translateY(-10px);

	}

	

	100% {

		-moz-transform: translateY(0);

	}

}



@-ms-keyframes bounceInDown {

	0% {

		opacity: 0;

		-ms-transform: translateY(-2000px);

	}

	

	60% {

		opacity: 1;

		-ms-transform: translateY(30px);

	}

	

	80% {

		-ms-transform: translateY(-10px);

	}

	

	100% {

		-ms-transform: translateY(0);

	}

}



@keyframes bounceInDown {

	0% {

		opacity: 0;

		transform: translateY(-2000px);

	}

	

	60% {

		opacity: 1;

		transform: translateY(30px);

	}

	

	80% {

		transform: translateY(-10px);

	}

	

	100% {

		transform: translateY(0);

	}

}



.animated.bounceInDown {

	-webkit-animation-name: bounceInDown;

	-moz-animation-name: bounceInDown;

	-ms-animation-name: bounceInDown;

	animation-name: bounceInDown;

}

@-webkit-keyframes bounceInLeft {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-2000px);

	}

	

	60% {

		opacity: 1;

		-webkit-transform: translateX(30px);

	}

	

	80% {

		-webkit-transform: translateX(-10px);

	}

	

	100% {

		-webkit-transform: translateX(0);

	}

}



@-moz-keyframes bounceInLeft {

	0% {

		opacity: 0;

		-moz-transform: translateX(-2000px);

	}

	

	60% {

		opacity: 1;

		-moz-transform: translateX(30px);

	}

	

	80% {

		-moz-transform: translateX(-10px);

	}

	

	100% {

		-moz-transform: translateX(0);

	}

}



@-ms-keyframes bounceInLeft {

	0% {

		opacity: 0;

		-ms-transform: translateX(-2000px);

	}

	

	60% {

		opacity: 1;

		-ms-transform: translateX(30px);

	}

	

	80% {

		-ms-transform: translateX(-10px);

	}

	

	100% {

		-ms-transform: translateX(0);

	}

}



@keyframes bounceInLeft {

	0% {

		opacity: 0;

		transform: translateX(-2000px);

	}

	

	60% {

		opacity: 1;

		transform: translateX(30px);

	}

	

	80% {

		transform: translateX(-10px);

	}

	

	100% {

		transform: translateX(0);

	}

}



.animated.bounceInLeft {

	-webkit-animation-name: bounceInLeft;

	-moz-animation-name: bounceInLeft;

	-ms-animation-name: bounceInLeft;

	animation-name: bounceInLeft;

}

@-webkit-keyframes bounceInRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(2000px);

	}

	

	60% {

		opacity: 1;

		-webkit-transform: translateX(-30px);

	}

	

	80% {

		-webkit-transform: translateX(10px);

	}

	

	100% {

		-webkit-transform: translateX(0);

	}

}



@-moz-keyframes bounceInRight {

	0% {

		opacity: 0;

		-moz-transform: translateX(2000px);

	}

	

	60% {

		opacity: 1;

		-moz-transform: translateX(-30px);

	}

	

	80% {

		-moz-transform: translateX(10px);

	}

	

	100% {

		-moz-transform: translateX(0);

	}

}



@-ms-keyframes bounceInRight {

	0% {

		opacity: 0;

		-ms-transform: translateX(2000px);

	}

	

	60% {

		opacity: 1;

		-ms-transform: translateX(-30px);

	}

	

	80% {

		-ms-transform: translateX(10px);

	}

	

	100% {

		-ms-transform: translateX(0);

	}

}



@keyframes bounceInRight {

	0% {

		opacity: 0;

		transform: translateX(2000px);

	}

	

	60% {

		opacity: 1;

		transform: translateX(-30px);

	}

	

	80% {

		transform: translateX(10px);

	}

	

	100% {

		transform: translateX(0);

	}

}



.animated.bounceInRight {

	-webkit-animation-name: bounceInRight;

	-moz-animation-name: bounceInRight;

	-ms-animation-name: bounceInRight;

	animation-name: bounceInRight;

}



@-webkit-keyframes slideInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

  }



  100% {

  	opacity: 1;

    -webkit-transform: translateX(0);

  }

}

@-moz-keyframes slideInRight {

  0% {

    opacity: 0;

    -moz-transform: translateX(2000px);

  }



  100% {

  	opacity: 1;

    -moz-transform: translateX(0);

  }

}

@-ms-keyframes slideInRight {

  0% {

    opacity: 0;

    -ms-transform: translateX(2000px);

  }



  100% {

  	opacity: 1;

    -ms-transform: translateX(0);

  }

}

@keyframes slideInRight {

  0% {

    opacity: 0;

    transform: translateX(2000px);

  }



  100% {

  	opacity: 1;

    transform: translateX(0);

  }

}



@-webkit-keyframes slideOutLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

  }



  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

  }

}

@-moz-keyframes slideOutLeft {

  0% {

    opacity: 1;

    -moz-transform: translateX(0);

  }



  100% {

    opacity: 0;

    -moz-transform: translateX(-2000px);

  }

}

@-ms-keyframes slideOutLeft {

  0% {

    opacity: 1;

    -ms-transform: translateX(0);

  }



  100% {

    opacity: 0;

    -ms-transform: translateX(-2000px);

  }

}

@keyframes slideOutLeft {

  0% {

  	opacity: 1;

    transform: translateX(0);

  }



  100% {

    opacity: 0;

    transform: translateX(-2000px);

  }

}



/* Above all are from animate.css by daneden http://daneden.me/animate/ */



.from-top{

	-webkit-transform-origin: 0% 0%;

	 -moz-transform-origin: 0% 0%;

	  -ms-transform-origin: 0% 0%;

	   transform-origin: 0% 0%;

}



.from-left{

	-webkit-transform-origin: 0% 100%;

	 -moz-transform-origin: 0% 100%;

	  -ms-transform-origin: 0% 100%;

	   transform-origin: 0% 100%;

}



.from-top, .from-left{

	-webkit-animation: enter-clockwise 0.23s ease-out;

	 -moz-animation: enter-clockwise 0.23s ease-out;

	  -ms-animation: enter-clockwise 0.23s ease-out;

	   animation: enter-clockwise 0.23s ease-out;

}



.from-right{

	-webkit-transform-origin: 100% 100%;

	 -moz-transform-origin: 100% 100%;

	  -ms-transform-origin: 100% 100%;

	   transform-origin: 100% 100%;

}



.from-bottom{

	-webkit-transform-origin: 0% 100%;

	 -moz-transform-origin: 0% 100%;

	  -ms-transform-origin: 0% 100%;

	   transform-origin: 0% 100%;

}



.from-right, .from-bottom{

	-webkit-animation: enter-anti-clockwise 0.23s ease-out;

	 -moz-animation: enter-anti-clockwise 0.23s ease-out;

	  -ms-animation: enter-anti-clockwise 0.23s ease-out;

	   animation: enter-anti-clockwise 0.23s ease-out;

}



.to-top{

	-webkit-transform-origin: 0% 0%;

	 -moz-transform-origin: 0% 0%;

	  -ms-transform-origin: 0% 0%;

	   transform-origin: 0% 0%;

}



.to-left{

	-webkit-transform-origin: 0% 100%;

	 -moz-transform-origin: 0% 100%;

	  -ms-transform-origin: 0% 100%;

	   transform-origin: 0% 100%;

}



.to-top, .to-left{

	-webkit-animation: leave-anti-clockwise 0.23s ease-out;

	 -moz-animation: leave-anti-clockwise 0.23s ease-out;

	  -ms-animation: leave-anti-clockwise 0.23s ease-out;

	   animation: leave-anti-clockwise 0.23s ease-out;

}



.to-right{

	-webkit-transform-origin: 100% 100%;

	 -moz-transform-origin: 100% 100%;

	  -ms-transform-origin: 100% 100%;

	   transform-origin: 100% 100%;

}



.to-bottom{

	-webkit-transform-origin: 0% 100%;

	 -moz-transform-origin: 0% 100%;

	  -ms-transform-origin: 0% 100%;

	   transform-origin: 0% 100%;

}



.to-right, .to-bottom{

	-webkit-animation: leave-clockwise 0.23s ease-out;

	 -moz-animation: leave-clockwise 0.23s ease-out;

	  -ms-animation: leave-clockwise 0.23s ease-out;

	   animation: leave-clockwise 0.23s ease-out;

}



@-webkit-keyframes enter-clockwise{

	from{

		z-index: 3;

		-webkit-transform: rotate(-90deg);

	}

	to{

		z-index: 3;

		-webkit-transform: rotate(0deg);

	}

}@-moz-keyframes enter-clockwise{

	from{

		z-index: 3;

		-moz-transform: rotate(-90deg);

	}

	to{

		z-index: 3;

		-moz-transform: rotate(0deg);

	}

}@-ms-keyframes enter-clockwise{

	from{

		z-index: 3;

		-ms-transform: rotate(-90deg);

	}

	to{

		z-index: 3;

		-ms-transform: rotate(0deg);

	}

}@keyframes enter-clockwise{

	from{

		z-index: 3;

		transform: rotate(-90deg);

	}

	to{

		z-index: 3;

		transform: rotate(0deg);

	}

}



@-webkit-keyframes enter-anti-clockwise{

	from{

		z-index: 3;

		-webkit-transform: rotate(90deg);

	}

	to{

		z-index: 3;

		-webkit-transform: rotate(0deg);

	}

}@-moz-keyframes enter-anti-clockwise{

	from{

		z-index: 3;

		-moz-transform: rotate(90deg);

	}

	to{

		z-index: 3;

		-moz-transform: rotate(0deg);

	}

}@-ms-keyframes enter-anti-clockwise{

	from{

		z-index: 3;

		-ms-transform: rotate(90deg);

	}

	to{

		z-index: 3;

		-ms-transform: rotate(0deg);

	}

}@keyframes enter-anti-clockwise{

	from{

		z-index: 3;

		transform: rotate(90deg);

	}

	to{

		z-index: 3;

		transform: rotate(0deg);

	}

}



@-webkit-keyframes leave-clockwise{

	from{

		z-index: 3;

		-webkit-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-webkit-transform: rotate(90deg);

	}

}@-moz-keyframes leave-clockwise{

	from{

		z-index: 3;

		-moz-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-moz-transform: rotate(90deg);

	}

}@-ms-keyframes leave-clockwise{

	from{

		z-index: 3;

		-ms-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-ms-transform: rotate(90deg);

	}

}@keyframes leave-clockwise{

	from{

		z-index: 3;

		transform: rotate(0deg);

	}

	to{

		z-index: 3;

		transform: rotate(90deg);

	}

}



@-webkit-keyframes leave-anti-clockwise{

	from{

		z-index: 3;

		-webkit-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-webkit-transform: rotate(-90deg);

	}

}@-moz-keyframes leave-anti-clockwise{

	from{

		z-index: 3;

		-moz-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-moz-transform: rotate(-90deg);

	}

}@-ms-keyframes leave-anti-clockwise{

	from{

		z-index: 3;

		-ms-transform: rotate(0deg);

	}

	to{

		z-index: 3;

		-ms-transform: rotate(-90deg);

	}

}@keyframes leave-anti-clockwise{

	from{

		z-index: 3;

		transform: rotate(0deg);

	}

	to{

		z-index: 3;

		transform: rotate(-90deg);

	}

}



@-webkit-keyframes slideDown{

	from{

		-webkit-transform: translateY(-75px);

	}

	to{

		-webkit-transform: translateY(0px);

	}

}@-moz-keyframes slideDown{

	from{

		-moz-transform: translateY(-75px);

	}

	to{

		-moz-transform: translateY(0px);

	}

}@-ms-keyframes slideDown{

	from{

		-ms-transform: translateY(-75px);

	}

	to{

		-ms-transform: translateY(0px);

	}

}@keyframes slideDown{

	from{

		transform: translateY(-75px);

	}

	to{

		transform: translateY(0px);

	}

}



@-webkit-keyframes slideUp{

	from{

		-webkit-transform: translateY(0px);

	}

	to{

		-webkit-transform: translateY(-75px);

	}

}@-moz-keyframes slideUp{

	from{

		-moz-transform: translateY(0px);

	}

	to{

		-moz-transform: translateY(-75px);

	}

}@-ms-keyframes slideUp{

	from{

		-ms-transform: translateY(0px);

	}

	to{

		-ms-transform: translateY(-75px);

	}

}@keyframes slideUp{

	from{

		transform: translateY(0px);

	}

	to{

		transform: translateY(-75px);

	}

}



@-webkit-keyframes bounceStrenth {

	0% {

		opacity: 0;

		-webkit-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-webkit-transform: scale(1.2);

	}

	

	100% {

		-webkit-transform: scale(1);

	}

}

@-moz-keyframes bounceStrenth {

	0% {

		opacity: 0;

		-moz-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-moz-transform: scale(1.2);

	}

	

	100% {

		-moz-transform: scale(1);

	}

}

@-ms-keyframes bounceStrenth {

	0% {

		opacity: 0;

		-ms-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-ms-transform: scale(1.2);

	}

	

	100% {

		-ms-transform: scale(1);

	}

}

@keyframes bounceStrenth {

	0% {

		opacity: 0;

		transform: scale(0);

	}

	

	60% {

		opacity: 1;

		transform: scale(1.2);

	}

	

	100% {

		transform: scale(1);

	}

}



@-webkit-keyframes bounceBigStrenth {

	0% {

		opacity: 0;

		-webkit-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-webkit-transform: scale(1.4);

	}

	

	100% {

		-webkit-transform: scale(1);

	}

}

@-moz-keyframes bounceBigStrenth {

	0% {

		opacity: 0;

		-moz-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-moz-transform: scale(1.4);

	}

	

	100% {

		-moz-transform: scale(1);

	}

}

@-ms-keyframes bounceBigStrenth {

	0% {

		opacity: 0;

		-ms-transform: scale(0);

	}

	

	60% {

		opacity: 1;

		-ms-transform: scale(1.4);

	}

	

	100% {

		-ms-transform: scale(1);

	}

}

@keyframes bounceBigStrenth {

	0% {

		opacity: 0;

		transform: scale(0);

	}

	

	60% {

		opacity: 1;

		transform: scale(1.4);

	}

	

	100% {

		transform: scale(1);

	}

}



@-webkit-keyframes spin {

	from {

		-webkit-transform: rotate(0deg);

	}



	to {

		-webkit-transform: rotate(360deg);

	}

}

@-moz-keyframes spin {

	from {

		-moz-transform: rotate(0deg);

	}



	to {

		-moz-transform: rotate(360deg);

	}

}

@-ms-keyframes spin {

	from {

		-ms-transform: rotate(0deg);

	}



	to {

		-ms-transform: rotate(360deg);

	}

}

@keyframes spin {

	from {

		transform: rotate(0deg);

	}



	to {

		transform: rotate(360deg);

	}

}



.direc{ padding:0 15px; }
.post ul.anli{ float:left; margin:0 }
.post ul.anli li{ width:184px; height:83px; float:left; margin:15px 24px; list-style:none; background:#f2f2f2}

/*产品介绍*/
.prod{ width:935px; float:left; position:relative; min-height:600px; margin-top:30px;}
.prod dl{ width:309px; height:242px; float:left; margin-right:2px; margin-top:2px; margin-bottom:0}
.post .prod dl a,.post .prod dd a{ color:#fff; }
.post .prod dd a:hover{ text-decoration:none}
.post .prod dt img,.post .prod dt { margin-bottom:0; width:309px; height:182px;}
.post .prod dd,.prod dt{ float:left}
.post .prod dd{ width:309px; height:60px; line-height:60px; text-align:center; font-size:23px; font-family:"Microsoft YaHei"; color:#fff; background:#6e6e6e; margin-left:0}
.post .prod dd:hover{ background:#2c2c2c}
.post .pro_bot{ position:absolute; bottom:75px; left:-6px; width:937px;}
.post .pro_bot img{ width:937px; max-width:938px;}
.post p.btsig {background:url(images/cir.gif) no-repeat  left center;  float:left; margin-top:15px; margin-left:35px;  }
.post p.btbig{ height:30px; position:relative; margin-top:40px; margin-bottom:15px; width:910px;}
.post p.btbig strong{ position:absolute; left:0; top:0; z-index:1;width:884px; background:#fff; text-align:left; width:864px; padding-left:20px;font-size:16px; font-family:"Microsoft YaHei"; text-indent:0;background:url(images/jsbig.gif) no-repeat;  line-height:30px; height:30px; }
.post p.btbig strong span{ position:absolute; left:0; top:0; width:110px; text-align:center}
.post p.btsig  { font-size:14px; clear:right; width:870px; padding-left:15px;text-indent:0em;}
.post p.propic{ width:auto}
.post .direc p{width:890px;}

.post .protable{width:860px;}

/*教育应用*/

/*for-majors*/

.major-list-outer{height:673px; margin-top:20px;}

.major-list{ }

.post .major-list li{width:252px;height:183px;float:left;position:relative; list-style:none; padding:0}

.major-list li a, .major-list li a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0}

.front-face{z-index:2;background:url(images/majors.png) no-repeat 0 0}

.back-face{z-index:1;background:url(images/majors_back.jpg) no-repeat 0 0;}

.major-list li a{overflow:hidden;}

.major-list li:hover a .back-face{z-index:3; }

#dx .front-face, #dx .back-face{background-position:0 3px}

#rj .front-face, #rj .back-face{background-position:-255px 3px}

#jx .front-face, #jx .back-face{background-position:-508px 3px}

#gdz .front-face, #gdz .back-face{background-position:0 -182px}

#jsj .front-face, #jsj .back-face{background-position:-255px -182px}

#kz .front-face, #kz .back-face{background-position:-508px -182px}

#jg .front-face, #jg .back-face{background-position:0px -368px}

#sx .front-face, #sx .back-face{background-position:-255px -368px}

#gl .front-face, #gl .back-face{background-position:-508px -368px}





/*for-majors ending here*/



/***  new-products  ***/
.new-top{height:82px;width:100%;}
.new-top1{width: 100%;height: 35px;background: transparent url("http://www.vjage.com/wp-content/uploads/2015/05/bj_1.jpg") repeat scroll 0% 0%;text-align: center;position: fixed;top: 0px;z-index: 899999;left: 0px;}
.new-top2{width: 100%;background-color: #1164A8;position: fixed;top: 35px;z-index: 799999;left: 0px;height:47px;}
.new-top-content{width:960px;margin:0 auto;}
.new-top1 .new-top-content{width:350px;padding-left:610px;margin:0 auto;padding-top:6px;height:29px;}
.new-top1 ul li{float: left;height: 22px;width: 22px;margin-left: 10px;list-style-type: none;}
.new-top1 ul li.new-top1-tel{margin-right: 50px;height: 23px;width: 126px;}
.new-top1 ul li a.link_en {display: block;height: 22px; width: 22px;background: transparent url("http://www.vjage.com/wp-content/uploads/2015/05/En.png") repeat scroll 0% 0%;}
.new-top1 ul li a.link_weibo {display: block;height: 22px;width: 22px;background: transparent url("http://www.vjage.com/wp-content/uploads/2015/05/weibo.png") repeat scroll 0% 0%;}
.new-top1 ul li a.link_weixin {display: block;height: 22px;width: 22px;background: transparent url("http://www.vjage.com/wp-content/uploads/2015/05/weixin.png") repeat scroll 0% 0%;}
.new-top1 ul li a:hover{background-position:-22px 0;}
.new-top1 ul li .weixin_ewma {position: absolute;z-index: 999999 !important;top: 35px;right: 0px;border: 1px solid #CCC;padding: 10px;display: none;}
.new-top2 .new-top-content{width:960px;margin:0 auto;}
.new-top2-logo{width: 180px;float: left;position: absolute;z-index: 999;overflow: hidden;margin-top: 8px;text-align: center;}
.new-top2-menu{width: 780px;height: 47px;float: right;}
.new-top2-menu ul li{float: left;position: relative;display: inline;height: 47px !important;width: 130px !important;text-align: center;line-height: 47px !important;z-index: 999;}
.new-top2-menu ul li:hover{background-color:#FF852B !important;}
.new-top2-menu ul li a{color: #FFF !important;text-decoration: none;font-weight: bold;}

.new-top2-menu .navi{ position:relative; z-index:300; overflow:visible;margin:0px;}
.new-top2-menu .navi li{float: left;position: relative;display: inline;height: 47px !important;width: 130px !important;padding: 0px;text-align: center;line-height: 47px !important;z-index: 999;}
.new-top2-menu .navi li.nb {padding: 0px;}
.new-top2-menu .navi li a:link,.new-top2-menu .new-navi li a:visited{ padding:0px; color:#fff; overflow:hidden; display:block;}
.new-top2-menu .navi li a:hover{ line-height:46px; color:#fff;background:#FF852B !important; text-decoration:none;}
.new-top2-menu .navi li a span{ padding:0px; display:inline-block; cursor:pointer;}
.new-top2-menu .navi li a:hover span{background:#FF852B !important;}
.new-top2-menu .navi li ul a:link,.new-top2-menu .navi li ul a:visited{padding:0 0 0 15px;}
.new-top2-menu .navi li{ position:relative;}
.new-top2-menu .navi li ul{ position:absolute; width:100%; top:47px; left:0px; background:#1164A8; z-index:300; display:none;}
.new-top2-menu .navi li ul li{ float:none; margin:0 auto; padding:0; height:47px; line-height:47px; font-size:12px; font-weight:normal;background:none;border-bottom:none;}
.new-top2-menu .navi li ul li a:link, .new-top2-menu .navi li ul li a:visited, .new-top2-menu .navi li:hover ul li a:link, .new-top2-menu .navi li:hover ul li a:visited{ height:47px; text-align:ledt; border-bottom:none; color:#fff; background:none;line-height:47px;padding-left:15px;}
.new-top2-menu .navi li ul li a:hover, .new-top2-menu .navi li ul li a:hover span, .new-top2-menu .navi li:hover ul li a:hover, .new-top2-menu .navi li:hover ul li a:hover span{ color:#FFF; background:#FF852B !important;}
.new-top2-menu .navi li.current-menu-item a:link, .new-top2-menu .navi li.current-menu-item a:visited, .new-top2-menu .navi li.current-menu-parent a:link, .new-top2-menu .navi li.current-menu-parent a:visited             { line-height:47px; color:#fff; background:#FF852B !important;}
.new-top2-menu .navi li.current-menu-item ul li a:link, .new-top2-menu .navi li.current-menu-item ul li a:visited, .new-top2-menu .navi li.current-menu-parent ul li a:link, .new-top2-menu .navi li.current-menu-parent ul li a:visited, .new-top2-menu .navi li.current-page-ancestor ul li a:link, .new-top2-menu .navi li.current-page-ancestor ul li a:visited{ line-height:47px; background:#1164A8;}
.new-top2-menu .navi li.current-menu-item ul li a:hover, .new-top2-menu .navi li.current-menu-parent ul li a:hover, .new-top2-menu .navi li.current-page-ancestor ul li a:hover{ background:#FF852B;}
.new-top2-menu .navi li.current-menu-item a span, .new-top2-menu .navi li.current-menu-parent a span, .new-top2-menu .navi li.current-page-ancestor a span{ color:#fff;background:#FF852B;}
.new-top2-menu .navi li.current-menu-item ul li a span, .new-top2-menu .navi li.current-menu-parent ul li a span, .new-top2-menu .navi li.current-page-ancestor ul li a span{ background:#FF852B;color:#fff}
.new-top2-menu .navi li ul li a span{background:#1164A8 !important;}
.new-top2-menu .navi li.current-page-ancestor{background:#FF852B;}
.new-top2-menu .navi li.current-page-ancestor a{background:#FF852B;}
.new-top2-menu .navi li.current-page-ancestor ul li a:link, .new-top2-menu .navi li.current-page-ancestor ul li a:visited{ line-height:47px; color:#fff; background:#1164A8!important;}
.new-top2-menu .navi li.current-page-ancestor ul li a:hover{ background:#FF852B!important;}
.new-top2-menu .navi li:hover a{ line-height:47px; color:#fff; background:#FF852B;}
.new-top2-menu .navi li:hover ul li a{ height:47px; line-height:47px; background:#FF852B; }
.new-top2-menu .navi li:hover ul li a span{ background:#FF852B;}
.new-top2-menu .navi li:hover a span{ background:#FF852B;}
.new-top2-menu ul li ul li a {ont-size: 12px !important;}

.new-foot{width:100%;height:270px;background-color: #323639;}
.new-foot1{width:100%;height:60px;background-color: #000;}
.new-foot-content{width:960px;margin:0 auto;}
.new-foot-content a:hover{color:#fff;}
.new-foot-1,.new-foot-2{float:left;}
.new-foot-1{width:791px;height:60px;text-align: center;overflow: hidden;}
.new-foot-1 ul li{float:left;height: 36px;margin-top: 10px;line-height: 35px;list-style-type: none;}
.new-foot-1 ul li a {font-size: 16px;color: #999;text-decoration: none;font-family: "微软雅黑",Arial,Helvetica,sans-serif;padding: 0px 15px;border-right: 1px solid #3E3E3E;}
.new-foot-2{width:169px;height:60px;text-align: center;overflow: hidden;background-color: #006EBD;}
.new-foot-2 a{display: block;width: 169px;height: 60px;line-height: 60px;font-size: 16px;font-weight: bold;color: #000;text-decoration: none;}
.new-foot3{padding-top: 50px;width:791px;height: 127px;float: left;}
.new-foot-3{width:70px;height: 127px;padding-left:20px;border-right: 1px solid #3E3E3E;float: left;overflow: hidden;}
.new-foot-3 p{padding-top: 22px;color: #666;font-size: 12px;line-height: 24px;}
.new-foot-3 p a{color: #999;font-size: 12px;text-decoration: none;}
.new-foot-4{width:399px;height: 127px;border-right: 1px solid #3E3E3E;overflow: hidden;float: left;text-align: center;color: #666;font-size: 12px;line-height: 24px;}
.new-foot-5{width:300px;height: 127px;overflow: hidden;float: left;text-align: center;color: #666;font-size: 12px;line-height: 24px;}
.new-foot-5-1{font-size: 30px;color: #868688;font-weight: bold;}
.new-foot-5-2{font-size: 14px;color: #666;}
.new-foot-6{width: 139px;height: 180px;overflow: hidden;float: left;text-align: center;background-color: #3D4144;padding: 15px;}
.new-foot-6 img{width: 139px;height: 139px;}
.new-foot-6 p{font-size: 12px;color: #FFF;font-weight: bold;line-height: 16px;margin-top: 5px;}


/* 新产品介绍 */
.new-products{width:930px;padding:20px 0 50px;min-height:500px;}
.new-products ul{margin:0px;list-style: none;}
.new-products ul li{list-style: none;margin:0px;}
.new-products-top{width:930px;padding-bottom:50px;}
.new-products .new-products-top h1{text-align:left;font-weight:600;font-size:30px;margin:20px 0 40px;}
.new-products-top img{border-radius:8px;margin:0 auto;}
.new-products-content{width:930px;min-height:200px;}
.new-products .pro-tab{width: 100%;margin: 0px auto;overflow: hidden;height: 40px;}
.new-products .pro-tab ul{width: 100%;height: 40px;}
.new-products .pro-tab ul li{float: left;width: 110px;height: 40px;cursor: pointer;text-align: center;line-height: 40px;margin-right: 2px;background-color: #E8E8E8;color: #1164A8;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.new-products .pro-tab ul li.on{color: #FFF;background-color: #4786B9;}
.new-products .pro-tablist{width:100%;min-height:200px;}
.new-products .new-products-text{width:900px;margin:0 auto;}
.new-products-content1{width: 100%;padding: 30px 0px;margin: 0px auto;color: #FFF;overflow: hidden;font-size: 12px;}
.new-products .bg1{background-color:#4786B9;}
.new-products .bg2{background-color:#29567D;}
.new-products .bg3{background-color:#173954;}
.new-products-content h3{font-size: 25px;line-height: 60px;font-family: "微软雅黑",Arial,Helvetica,sans-serif;border-bottom: 1px solid #FFF;margin-bottom: 20px;}
.new-products-content .new-products-text ul.new-products-text-ul li{list-style: outside url("http://www.vjage.com/wp-content/uploads/2015/05/newcli.gif") square;margin-left: 15px;line-height: 20px;}
.new-products-content .new-products-text h5{font-size: 20px;line-height: 50px;font-family: "微软雅黑",Arial,Helvetica,sans-serif;color:#FF852B;}
.new-products-content .new-products-text-img{width: 878px;height:210px;border: 1px solid #FFF;border-radius: 5px;margin: 10px auto;padding: 10px;}
.new-products-text-img div.new-products-text-img1{float:left;width:378px;height:210px;}
.new-products-text-img ul{float:left;width:465px;height:210px;padding-left:35px;}
.new-products-text-img ul li{padding-left: 5px;float: left;width: 150px;}
.new-products-bottom{padding-top:50px;}
.new-products-bottom .pro-tab ul li{width:200px;}
.new-products-bottom table{border: 1px solid #000;margin: 0px auto;width: 930px;text-align: center;}
.new-products-bottom table tr td{border: 1px solid #000;color:#000;font-size:14px;}
.new-products-bottom table tr th{background:#29567D;color:#fff;}
.spanicon-blue, .spanicon-green, .spanicon-red, .spanicon-roseo {margin: 0px auto; width: 26px; height: 19px; display: block; overflow: hidden; background-repeat: no-repeat; text-align: center;  background-image: url("http://www.vjage.com/wp-content/uploads/2015/05/in_icon.png");}
.spanicon-blue{background-position: 0px 0px;}
.spanicon-green{background-position: -26px 0px;}
.spanicon-red{background-position: -52px 0px}
.spanicon-roseo{background-position: -78px 0px;}
.new-products-text-table table{border: 1px solid #fff;margin: 0px auto;text-align: center;color:#fff;}
.new-products-text-table tr td{border: 1px solid #fff;color:#fff;font-size:14px;}
.new-products-text-table tr th{border: 1px solid #fff;color:#FF852B;font-size:16px;}
.new-products-text-table tr.table-title td{color:#FF852B;font-size:16px;}
.new-no-indent p{text-indent:0px;}
.new-products-text-1,.new-products-text-2{float:left;width:410px;padding:20px;}
.new-products-text-1 h4{height: 32px;line-height: 32px;font-size: 18px;margin-bottom: 10px;font-weight: bold;color:#FF852B;}
.new-products-text .new-products-text-1 p{width:100%;overflow:hidden;text-indent:0px;}
.new-products-text-1 ol{margin:0px 0px 0px 15px;}
.new-products-text-1 ol li{line-height:18px;}
.new-products-text-2{text-align:center;}
.new-products-text-3 h4{height: 32px;line-height: 32px;font-size: 16px;margin-top:30px;font-weight: bold;color:#FF852B;padding-left:4px;}
.new-products-text-3 p{margin-bottom:20px;}


/* 证书标签 */
span.cert{display:block;float:left;padding-right:30px;}
span.cert1{display:block;float:left;padding-right:10px;width:90px;height:50px;background:url("http://www.vjage.com/wp-content/uploads/2015/06/zhuzuoquan.png") no-repeat left center;}
span.cert2{display:block;float:left;padding-right:10px;width:90px;height:50px;background:url("http://www.vjage.com/wp-content/uploads/2015/06/ruanjian.png") no-repeat left center;}